<!DOCTYPE HTML>
<html>
<head>
    <title>我的相册 - 余立东个人博客网</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="/public/assets/css/main.css" />
    <noscript><link rel="stylesheet" href="/public/assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">

<!-- Wrapper -->
<div id="wrapper">

    <!-- Main -->
    <section id="main">

        <!-- Items -->
        <div class="items">
            <div class="item intro span-2">
                <h1>photo album</h1>
                <p>就像照片中一样，<br />
                    孩童在那嬉戏百无禁忌。</p>
            </div>
            {volist name="list.0" id ="vo"}
            <article class="item thumb span-{:rand(1,3)}"><h2>{$vo.subject}</h2><a href="{:url('./album/detail/'.$vo['id'])}"><img src="{$vo.cover_url}" alt=""></a></article>
            {/volist}
        </div>
        {if condition="$list.num eq 2 "}
        <!-- Items -->
        <div class="items">
            {volist name="list.1" id ="vo"}
            <article class="item thumb span-{:rand(1,3)}"><h2>{$vo.subject}</h2><a href="{:url('./album/detail/'.$vo['id'])}" ><img src="{$vo.cover_url}" alt=""></a></article>
            {/volist}
            {if condition="$list.num eq 3 "}
            <article class="item thumb span-{:rand(1,3)}"><h2>{$list.2.0.subject}</h2><a href="{:url('./album/detail/'.$list.2.0.id)}" ><img src="{$list.2.0.cover_url}" alt=""></a></article>
            {/if}
        </div>
        {/if}
    </section>

    <!-- Footer -->
    <section id="footer">
        <section>
            <p><strong>时光</strong>，如飞逝的流梭;<br/> <strong>希望</strong>，如蓬勃的藤萝;&nbsp;&nbsp;<strong>幸福</strong>，如点亮的灯火</p>
        </section>
        <section>
            <ul class="">
                <li><a href="/" class=""><span class="label">首页</span></a></li>
            </ul>
        </section>
    </section>

</div>

<!-- Scripts -->
<script src="/public/assets/js/jquery.min.js"></script>
<script src="/public/assets/js/jquery.poptrox.min.js"></script>
<script src="/public/assets/js/browser.min.js"></script>
<script src="/public/assets/js/breakpoints.min.js"></script>
<script src="/public/assets/js/util.js"></script>
<script src="/public/assets/js/main.js"></script>
<script type="text/javascript" src="/public/assets/album/scripts/main.js"></script>
</body>
</html>